﻿<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">

    <link type="text/css" href="{{ url_for('static', filename='css/reports.style.css') }}" rel="stylesheet">
    <link type="text/css" href="{{ url_for('static', filename='css/reports.owl.carousel.min.css') }}" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link type="text/css" href="{{ url_for('static', filename='css/reports.bootstrap.min.css') }}" rel="stylesheet">
    <!-- Style -->
    <link type="text/css" href="{{ url_for('static', filename='css/reports.style1.css') }}" rel="stylesheet">
    <title>reports</title>
</head>
<body>


    <div class="content">

        <div class="container">
            <h2 class="mb-5">Charging reports exhibiton</h2>
            <!--<h3 class="mb-5">Last Update: <a href="#">datetime</a></h3>-->

            <div class="table-responsive">

                <table class="table table-striped custom-table">
                    <thead>
                        <tr>

                            <th scope="col">Pile No</th>
                            <th scope="col">上次更新时间</th>
                            <th scope="col">累计充电次数</th>
                            <th scope="col">累计充电时长</th>
                            <th scope="col">累计充电电量</th>
                            <th scope="col">累计充电费用</th>
                            <th scope="col">累计服务费用</th>
                            <th scope="col">累计总费用</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr scope="row">



                            <td>
                                No.1
                            </td>
                            <td> {{result['1'][0]}} </td>
                            <td> {{result['1'][1]}} </td>
                            <td> {{result['1'][2]}} </td>
                            <td> {{result['1'][3]}} </td>
                            <td> {{result['1'][4]}} </td>
                            <td> {{result['1'][5]}} </td>
                            <td> {{result['1'][6]}} </td>

                        </tr>

                        <tr>

                            <td>No.2</td>
                            <td> {{result['2'][0]}} </td>
                            <td> {{result['2'][1]}} </td>
                            <td> {{result['2'][2]}} </td>
                            <td> {{result['2'][3]}} </td>
                            <td> {{result['2'][4]}} </td>
                            <td> {{result['2'][5]}} </td>
                            <td> {{result['2'][6]}} </td>
                        </tr>
                        <tr>

                            <td>No.3</td>
                            <td> {{result['3'][0]}} </td>
                            <td> {{result['3'][1]}} </td>
                            <td> {{result['3'][2]}} </td>
                            <td> {{result['3'][3]}} </td>
                            <td> {{result['3'][4]}} </td>
                            <td> {{result['3'][5]}} </td>
                            <td> {{result['3'][6]}} </td>
                        </tr>
                        <tr>

                            <td>No.4</td>
                            <td> {{result['4'][0]}} </td>
                            <td> {{result['4'][1]}} </td>
                            <td> {{result['4'][2]}} </td>
                            <td> {{result['4'][3]}} </td>
                            <td> {{result['4'][4]}} </td>
                            <td> {{result['4'][5]}} </td>
                            <td> {{result['4'][6]}} </td>
                        </tr>

                        <tr>

                            <td>No.5</td>
                            <td> {{result['5'][0]}} </td>
                            <td> {{result['5'][1]}} </td>
                            <td> {{result['5'][2]}} </td>
                            <td> {{result['5'][3]}} </td>
                            <td> {{result['5'][4]}} </td>
                            <td> {{result['5'][5]}} </td>
                            <td> {{result['5'][6]}} </td>
                        </tr>

                    </tbody>
                </table>
            </div>


        </div>

    </div>



    <!--<script src="carsmsg/js/jquery-3.3.1.min.js"></script>-->
    <script src="{{ url_for('static', filename='scripts/reports.jquery-3.3.1.min.js') }}"></script>
    <!--<script src="carsmsg/js/popper.min.js"></script>-->
    <script src="{{ url_for('static', filename='scripts/reports.popper.min.js') }}"></script>
    <!--<script src="carsmsg/js/bootstrap.min.js"></script>-->
    <script src="{{ url_for('static', filename='scripts/reports.bootstrap.min.js') }}"></script>
    <!--<script src="carsmsg/js/main.js"></script>-->
    <script src="{{ url_for('static', filename='scripts/reports.main.js') }}"></script>
</body>
</html>